<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>#{bundle.AppName}</title>
        <h:outputStylesheet library="css" name="jsfcrud.css"/>
        <h:outputScript library="js" name="jsfcrud.js"/>
        <style type="text/css">
            .ui-panel, div.ui-state-hover {
                text-align: center;
                margin: 10px;
                width:150px;
            }

            .ui-dashboard-column {
                width:220px;
            }

            .link{
                text-decoration: none;
                width: 100%;
                display: block;
            }
        </style>
    </h:head>
    <h:body>
        <p:growl id="growl" life="3000" />

        <p:layout fullPage="true">
            <p:layoutUnit position="north" size="65" header="#{bundle.AppName}">
                <h:form id="menuForm">
                    <p:menubar>
                        <p:menuitem value="Cerrar Sesión" actionListener="#{usuarioController.logout}" icon="ui-icon-close"/>                        
                    </p:menubar>
                </h:form>
            </p:layoutUnit>

            <p:layoutUnit position="center">
                <h:form id="form">

                    <p:growl id="growl" showDetail="true" />

                    <p:dashboard id="board" model="#{dashController.model}">
                        <p:ajax event="reorder" listener="#{dashController.handleReorder}" update="growl" />

                        <p:panel id="clientes">
                            <h:link outcome="/cliente/List" value="Clientes" class="link"/>
                        </p:panel>

                        <p:panel id="conceptos">
                            <h:link outcome="/concepto/List" value="Conceptos" class="link"/>
                        </p:panel>

                        <p:panel id="documentos">
                            <h:link outcome="/documento/List" value="Documentos" class="link"/>
                        </p:panel>

                        <p:panel id="roles">
                            <h:link outcome="/rol/List" value="Roles" class="link"/>
                        </p:panel>

                        <p:panel id="sucursales">
                            <h:link outcome="/sucursal/List" value="Sucursales" class="link"/>
                        </p:panel>

                        <p:panel id="usuarios">
                            <h:link outcome="/usuario/List" value="Usuarios" class="link"/>
                        </p:panel>                
                    </p:dashboard>

                    <div style="clear:both" />

                </h:form>

            </p:layoutUnit>

        </p:layout>        
    </h:body>










</html>

